<html>
<head>
    <title>Column Layout</title>
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="../../resources/style.css" />
<script type="text/javascript" src="../../javascript/ext-all.js"></script>
<script type="text/javascript" src="../../javascript/examples.js"></script>
<script type="text/javascript">
Ext.require(['*']);
 Ext.onReady(function(){
       Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));

       var viewport = Ext.create('Ext.Viewport', {
            layout:'border',
            items:[{
                region:'west',
                border:false,
                id:'west-panel',
                title:'West',
                split:true,
                width: 200,
                minSize: 175,
                maxSize: 400,
                collapsible: true,
                margins:'5 0 5 5',
                cmargins:'5 5 5 5',
                layout:'accordion',
                layoutConfig:{
                    animate:true
                },
                items: [{
                    html: Ext.example.shortBogusMarkup,
                    title:'Navigation',
                    autoScroll:true,
                    border:false,
                    iconCls:'nav'
                },{
                    title:'Settings',
                    html: Ext.example.shortBogusMarkup,
                    border:false,
                    autoScroll:true,
                    iconCls:'settings'
                }]
            },{
                region:'center',
                margins:'5 5 5 0',
                autoScroll:true,
                border:false,
                items: [{
                    baseCls:'x-plain',
                    border:false,
                    bodyStyle:'padding:5px 0 5px 5px',
                    items:[{
                        border:false,
                        html: Ext.example.shortBogusMarkup
                    }]
                }]
            },{
                region:'north',
                items: [{
                    baseCls:'x-plain',
                    border:false,
                    bodyStyle:'padding:5px 0 5px 5px',
                    items:[{
                    	border:false,
                        html: document.getElementById('head').innerHTML
                    }]
                }]
            }]
        });
    });
</script>
</head>
<body>
<div id="head" style="display:none">
<table class='cont' id='navbar'>
    <tr>
    	<td id='mainmenu'><ul>
			<li ><nobr><a href='/index'>首页</a></nobr></li>
			<li ><nobr><a href='/msg'>我的消息</a></nobr></li>
			<li ><nobr><a href='/product/'>产品视图</a></nobr></li>
			<li class='active'><nobr><a href='/project/'>项目视图</a></nobr></li>
			<li ><nobr><a href='/qa/'>QA视图</a></nobr></li>
			<li ><nobr><a href='/company/'>组织视图</a></nobr></li>
			<li id='searchbox'><select name='searchType' id='searchType' >
			<option value='bug'>B:Bug</option>
			<option value='story'>S:需求</option>
			<option value='task' selected='selected'>T:任务</option>
			<option value='testcase'>C:用例</option>
			<option value='project'>P:项目</option>
			<option value='product'>P:产品</option>
			<option value='user'>U:用户</option>
			<option value='build'>B:Build</option>
			<option value='release'>R:发布</option>
			<option value='productplan'>P:产品计划</option>
			<option value='testtask'>T:测试任务</option>
			<option value='doc'>D:文档</option>
			</select>
			<input type='text' name='searchQuery' id='searchQuery' value='输入编号' onclick=this.value='' onkeydown='if(event.keyCode==13) shortcut()' class='w-60px' />
			 <input type='button' value='GO!' class='button-c' onclick="shortcut()" /> </li></ul>
		</td>
	</tr>
    <tr>
    	<td id='modulemenu'><ul>
		<li><select name='projectID' id='projectID' onchange="switchProject(this.value, 'project', 'task');">
		<option value='16' selected='selected'>禅道项目管理第十九期</option>
		</select>
 		» </li>
		<li class=' active'><a href='/project-task-16.html' target='' >任务</a>
		</li>
		<li class=' '><a href='/project-story-16.html' target='' >需求</a>
		</li>
		<li class=' '><a href='/project-bug-16.html' target='' >Bug</a>
		</li>
		<li class=' '><a href='/project-build-16.html' target='' >Build</a>
		
		</li>
		<li class=' '><a href='/project-burn-16.html' target='' >燃尽图</a>
		</li>
		<li class=' '><a href='/project-team-16.html' target='' >团队</a>
		</li>
		<li class=' '><a href='/project-view-16.html' target='' >概况</a>
		</li>
		</ul>
		</td>
	</tr>
</table>
</div>
</dvi>
</body>
</html>